<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}

			#a1 {
				height: 70px;
				background-color: #333333;

			}

			#a1 ul li {
				list-style: none;
				float: left;
				line-height: 71px;
				vertical-align: middle;
				margin-right: 20px;
			}

			#a1 ul a {
				text-decoration: none;
				color: white;
			}

			#a1 #a2 {
				padding-left: 63px;
				float: left;
			}

			#a1 #a3 {
				float: right;
			}

			#a1 #a2 .c1 {
				background: url(img/1.png) center no-repeat;
				width: 50px;
			}

			#a1 #a3 .b1 {
				background: url(img/2.png) center no-repeat;
				width: 73px;
				height: 72px;

			}

			#a1 #a2 .c1 {
				background: url(img/1.png) center no-repeat;
				width: 101px;
				height: 75px;
			}

			#a1 #a3 .b2 {
				background: url(img/3.png) center no-repeat;
				width: 27px;
				height: 74px;
			}
		</style>
	</head>
	<body>
		<div id="a1">
			<div id="a2">
				<ul>
					<li class="c1"><a href="#"></a></li>
					<li><a href="#">全部课程</a></li>
					<li><a href="#">职业路线</a></li>
					<li><a href="#">商城</a></li>
					<li><a href="#">题库</a></li>
					<li><a href="#">书籍</a></li>
					<li><a href="#">阿里云</a></li>
					<li><a href="#">校区</a></li>
				</ul>
			</div>
			<div id="a3">
				<ul>
					<li class="b2"><a href="#"></a></li>
					<li class="b1"><a href="#"></a></li>
					<li><a href="#">APP下载</a></li>
					<li><a href="#">登录|注册</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>